{% extends 'base.html' %}
{% block title %}index{% endblock %}
{% block head %}{% endblock %}
{% block body %}
    <div class="row" style="margin-top: 20px">
        <div class="col"></div>
        <div class="col-10" style="background-color: white;padding: 20px">
            <ul class="question-ul" style="list-style: none">
                {% for photo in photos %}
                    <li>
                        <div class="side-question">
                            <img src="{{ url_for('static',filename='aaa.png') }}" alt=""
                                 style="width:50px"
                                 class="side-question-avatar">
                        </div>
                        <div class="question-main">
                            <div class="question-title"><a
                                    href="{{ url_for('question_answer.photo_detail',photo_id=photo.id) }}">{{ photo.title }}</a></div>
                            <div class="question-content">{{ photo.content }}</div>
                            <div class="question-detail" style="text-align:right;padding-right: 5px">
                                <span class="question-author">By {{ photo.author.username }}</span>
                                <br>
                                <span class="question-time">{{ photo.create_time }}</span>
                            </div>
                        </div>
                    </li>
                    <hr>
                {% endfor %}
            {% for picture in pictures %}
                    <li>
                        <div class="side-question">
                            <img src="{{ url_for('static',filename='aaa.png') }}" alt=""
                                 style="width:50px"
                                 class="side-question-avatar">
                        </div>
                        <div class="question-main">
                            <div class="question-title"><a
                                    href="{{ url_for('question_answer.picture_detail',picture_id=picture.id) }}">{{ picture.title }}</a></div>
                            <div class="question-content"><img src="{{ picture.content }}" alt=""></div>
                            <div class="question-detail" style="text-align:right;padding-right: 5px">
                                <span class="question-author">By {{ picture.author.username }}</span>
                                <br>
                                <span class="question-time">{{ picture.create_time }}</span>
                            </div>
                        </div>
                    </li>
                    <hr>
                {% endfor %}

            </ul>
        </div>
        <div class="col"></div>
    </div>

{% endblock %}